<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../css/common.css">
    <style>
        p {
            width: 300px;
            height: 30px;
            background-color: #ddd;

        }
    </style>
</head>

<body>

    1 文本属性
        加粗 font-weight: bold normal lighter
        倾斜 font-style italic / normal
        下划线 text-decoration underline / none / line-through
        首行缩进 text-indent
        字间距 letter-spacing

    继承性 Inherit

    2 浮动的特点 ---- 不占背景的位置，但是占内容的位置 --- 脱离半层

    3 overflow:visible / hidden / scroll / auto overflow-x overflow-y

    4 单行文本省略 (width: ; white-space:nowrap;overflow:hidden;text-overflow:ellipsis)

    5 网站的搭建
        reset.css
        common.css --- 一个网站中公用的部分

        公用的类名 w s1  red(颜色)  边框



    <p class="ff bdb">加加减减军军的顶顶顶顶顶的顶顶顶顶顶多多多多多多</p>
</body>

</html>